.posts {
  margin-top: 100px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 768px) {
  .posts {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width: 480px) {
  .posts {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 480px) {
  .posts {
  }
}
.container {
  display: flex;
  justify-content: center;
  width: 100%;
}
